<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if IE 8]>
<html lang="zh-CN" class="ie8"> <![endif]-->
<html xmlns="http://www.w3.org/1999/xhtml">
<html lang="zh-CN">

<head>
    <link rel="shortcut icon" href="https://www.itsource.cn/img/logo_small.jpg">
    <meta charset="utf-8"/>
    <title>用户中心</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <link type="text/css" rel="stylesheet" href="css/common.css"/>
    <link type="text/css" rel="stylesheet" href="css/user.css"/>
    <link type="text/css" rel="stylesheet" href="css/color-style.css"/>

    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/layer.js"></script>
    <script type="text/javascript" src="js/jquery.method.js"></script>
    <script type="text/javascript" src="js/jquery.modal.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script type="text/javascript" src="js/jquery.tablelist.js"></script>
    <script type="text/javascript" src="js/jquery.cookie.js"></script>
    <script type="text/javascript" src="js/common1.js"></script>
    <script type="text/javascript" src="js/user.js"></script>

    <script type="text/javascript" src="js/plugins/vue/dist/vue.js"></script>
    <script type="text/javascript" src="js/plugins/axios/dist/axios.js"></script>
    <script src="js/jquery.cookie.js"></script>
    <script src="/js/axios.common.js"></script>
    <link rel="stylesheet" href="js/jqueryAlert/alert.css">
    <script src="js/jqueryAlert/alert.js"></script>
</head>

<body>
<div id="nav" class="bg-color">
    <div class="nav-content w1210">
        <div class="logo-info">
            <a href="/" target="_blank" class="logo fore1">
                <img src="css/mall_logo_0_white.png" style="margin-top: 10px;"/>
            </a>
            <div class="user-link">
                <a href="/user.html" target="_self" class="fore2">我的课程</a>
                <a href="http://course.ymcc.com:6002/list.html" target="_blank" class="fore3">返回课程首页</a>
            </div>
        </div>
        <div class="navitems">
            <ul>
                <li class="fore-1">
                    <a href="/user.html" target="_self" href="">首页</a>
                </li>
                <li class="fore-3">
                    <div class="dl">
                        <div class="dt">
                            <span>账户设置</span>
                            <b></b>
                        </div>
                        <div class="dd">
                            <a href="/user.my.profile.html" target="_self">
                                <span>个人资料</span>
                            </a>
                            <a href="/user.my.account.secret.html" target="_self">
                                <span>账户安全</span>
                            </a>
                            <a href="/user.home.html" target="_self">
                                <span>账号绑定</span>
                            </a>
                            <!--									<a href="/user.my.address.html" target="_self">-->
                            <!--										<span>收货地址</span>-->
                            <!--									</a>-->
                        </div>
                    </div>
                </li>
                <li class="fore-4">
                    <a href="/user/message/internal.html">
                        消息
                    </a>
                </li>
            </ul>
        </div>

    </div>
</div>
</div>

<div id="content">
    <div class="content w1210 clearfix">
        <!-- 引入左侧导航条文件 -->
        <div class="con-left fl">
            <div class="nav-list">
                <div class="func func1">
                    <p class="title">
                        <i></i>
                        <span>会员中心</span>
                    </p>
                    <a href="user.home.html" class="item curs">
                        <span>欢迎页</span>
                        <i></i>
                    </a>
                    <a href="/user.my.profile.html" class="item ">
                        <span>个人资料</span>
                        <i></i>
                    </a>
                    <a href="/user.my.account.secret.html" class="item ">
                        <span>账户安全</span>
                        <i></i>
                    </a>

                    <!--							<a href="/user.my.address.html" class="item ">-->
                    <!--								<span>收货地址</span>-->
                    <!--								<i></i>-->
                    <!--							</a>-->
                    <a href="/user.my.msg.html" class="item ">
                        <span>我的消息</span>
                        <i></i>
                    </a>
                    <a href="/user.my.growth.html" class="item ">
                        <span>我的成长值</span>
                        <i></i>
                    </a>
                </div>
                <div class="func func2">
                    <p class="title">
                        <i></i>
                        <span>交易中心</span>
                    </p>
                    <a href="/user.trade.orders.html" class="item ">
                        <span>我的订单</span>
                        <i></i>
                    </a>
                    <a href="/user.trade.comment.html" class="item ">
                        <span>我的评价</span>
                        <i></i>
                    </a>
                    <!-- <a href="/user/replace.html" class="item">
        <span>换货维修</span>
        <i></i>
    </a> -->
                    <a href="/user.trade.complaint.html" class="item ">
                        <span>我的投诉</span>
                        <i></i>
                    </a>
                    <a href="/user.trade.collect.html" class="item ">
                        <span>我的收藏</span>
                        <i></i>
                    </a>
                    <!-- <a href="" class="item"><span>我的二手</span><i></i></a> -->
                </div>
                <div class="func func3">
                    <p class="title">
                        <i></i>
                        <span>资金中心</span>
                    </p>
                    <a href="/user.account.home.html" class="item ">
                        <span>我的资金账户</span>
                        <i></i>
                    </a>
                    <a href="/user.account.recharge.html" class="item  ">
                        <span>我的充值</span>
                        <i></i>
                    </a>
                    <a href="/user.account.points.html" class="item">
                        <span>我的积分</span>
                        <i></i>
                    </a>
                    <a href="/user.account.coupon.html" class="item ">
                        <span>我的优惠券</span>
                        <i></i>
                    </a>
                </div>
                <div class="func func4">
                    <p class="title">
                        <i></i>
                        <span>服务中心</span>
                    </p>
                    <a href="#" class="item" target="_blank">
                        <span>操作帮助</span>
                        <i></i>
                    </a>
                </div>
            </div>
        </div>

        <!-- 正文，由view提供 -->
        <div class="con-right fr">
            <!-- 动态登录，设置密码 star -->
            <script type="text/javascript" src="js/user_center.js"></script>
            <div class="set-password" style="display: none">
                您尚未设置登录密码，赶快去
                <a href="http://user.ymcc.com/user/security/edit-password" target="_self" title="前往去设置登录密码">设置密码</a>
                吧！
            </div>
            <!-- 动态登录，设置密码 end -->
            <div class="con-right-left fl">
                <div class="user-info">
                    <!-- 我的账户相关信息 star -->
                    <div class="myInfo">
                        <!-- 弹出 star -->
                        <div class="tipsBox">
                            <div class="myGrade">
                                <h3>我的等级信息</h3>
                                <p>当前等级：初级会员一级</p>
                                <p>
						<span>
							我的成长值：
							<a href="http://user.ymcc.com/user/growth-value" class="second-color" target="_self">0</a>
						</span>
                                    <span>
							再积累
							<font class="second-color">2</font>
							成长值即可升级至 初级会员二级
						</span>
                                </p>
                            </div>
                            <div class="myAccount">
                                <h3>我的账户信息</h3>
                                <p>
                                    个人信息：未完善，请
                                    <a href="http://user.ymcc.com/user/profile" target="_self"
                                       class="btn-link">尽快完善</a>
                                </p>
                                <p>
                                    实名认证：未完善，请
                                    <a href="http://user.ymcc.com/user/profile" target="_self"
                                       class="btn-link">尽快完善</a>
                                </p>
                                <p>
                                    <span>邮箱：4*******1@qq.com</span>
                                    <span>
							支付密码：							<a
                                            href="http://user.ymcc.com/user/security/edit-surplus-password"
                                            target="_self" class="btn-link">立即开启</a>
													</span>
                                </p>
                            </div>
                        </div>
                        <!-- 弹出 end -->

                        <div class="myInfoFront">
                            <div class="imgHeaderBox">
                                <a href="" class="headerImg">

                                    <img src="img/default_user_portrait_0.png">

                                </a>
                                <div class="updateInfo">
                                    <div class="opacityBox"></div>
                                    <a href="http://user.ymcc.com/user/profile" class="realBox">修改资料</a>
                                </div>
                            </div>
                            <p class="name">
                                <a href="">


                                    SZY083SDPF5239


                                </a>
                            </p>
                            <p class="VIP">
                                <a href="http://user.ymcc.com/user/growth-value.html" target="_blank"
                                   class="imgVip imgVip1">
                                    <img src="img/14788627664630.gif">
                                </a>
                                <a href="http://user.ymcc.com/user/growth-value.html" target="_blank"
                                   class="txtExplain">初级会员一级</a>
                            </p>
                            <a href="http://user.ymcc.com/user.my.account.secret.html" class="safeText">账户安全</a>
                            <span class="safeGrade">低</span>
                            <div class="progressBar">
                                <span class="progress progress2"></span>
                            </div>
                            <p class="safe-grade-info">
					<span class="email">
												<a href="http://user.ymcc.com/user/security/edit-email.html"
                                                   title="邮箱已绑定">
							<i></i>
							已绑定
						</a>
											</span>
                                <span class="phone">
												<a href="http://user.ymcc.com/user/security/edit-mobile.html"
                                                   title="手机未绑定">
							<i></i>
							未绑定
						</a>
											</span>
                                <span class="pay-password">
												<a href="http://user.ymcc.com/user/security/edit-surplus-password.html"
                                                   title="支付密码未开启">
							<i></i>
							未开启
						</a>
											</span>
                            </p>
                        </div>
                    </div>

                    <!-- 我的账户相关信息 end -->
                    <!-- 我的账户财产以及订单 star -->
                    <div class="myCapital">
                        <div class="money">
                            <ul class="clearfix">
                                <li class="first">
                                    <div class="title">
                                        <span>我的余额</span>
                                    </div>

                                    <div class="pic">
                                        <a href="http://user.ymcc.com/user/capital-account.html" title="我的余额">
                                            <i class="user_bg"></i>
                                        </a>
                                    </div>
                                    <p>
                                        <!-- <a href="javascript:show_surplus(1061)">
                                            <span id="surplus_div">显示余额</span>
                                        </a> -->
                                        <a href="http://user.ymcc.com/user/capital-account.html">0</a>
                                    </p>
                                </li>
                                <li class="second">
                                    <div class="title">
                                        <span>我的成长值</span>
                                    </div>
                                    <div class="pic">
                                        <a href="http://user.ymcc.com/user/growth-value.html" title="我的成长值">
                                            <i class="user_bg"></i>
                                        </a>
                                    </div>
                                    <p>

                                        <a href="http://user.ymcc.com/user/growth-value.html">0</a>
                                    </p>
                                </li>
                                <li class="third">
                                    <div class="title">
                                        <span>我的优惠券</span>
                                    </div>
                                    <div class="pic">
                                        <a href="http://user.ymcc.com/user/bonus.html" title="我的优惠券">
                                            <i class="user_bg"></i>
                                        </a>
                                    </div>
                                    <p>
                                        <a href="http://user.ymcc.com/user/bonus.html">0张</a>
                                    </p>
                                </li>
                            </ul>
                        </div>
                        <div class="pending" style="height: auto">
                            <ul style="height: 30px">
                                <li class="first">
                                    <a href="http://user.ymcc.com/user/order/list?type=unpayed" target="_self">
                                        订单
                                        <font class="second-color">{{orderNumber}}</font>
                                    </a>
                                </li>
                                <li>
                                    <a href="http://user.ymcc.com/user/order/list?order_status=unshipped"
                                       target="_self">
                                        课程
                                        <font class="second-color">{{courseNumber}}</font>
                                    </a>
                                </li>
                                <li>
                                    <a href="http://user.ymcc.com/user/order/list?order_status=shipped" target="_self">
                                        收藏
                                        <font class="second-color">{{collectNumber}}</font>
                                    </a>
                                </li>
                                <li>
                                    <a href="http://user.ymcc.com/user/order/list?evaluate_status=unevaluate"
                                       target="_self">
                                        评价
                                        <font class="second-color">{{commentNumber}}</font>
                                    </a>
                                </li>
                            </ul>
                            <div style="padding-left: 40px">
                                专属推荐链接：http://127.0.0.1:6003/reg.phone.html?code=xoxo
                            </div>
                        </div>
                    </div>
                    <!-- 我的账户财产以及订单 end -->
                </div>
                <div class="container">
                    <ul class="tabs">
                        <li class="active">
                            <h3>
                                <a href="#tab1">我的课程</a>
                            </h3>
                        </li>
                        <li class="">
                            <h3>
                                <a href="#tab2">我的收藏</a>
                            </h3>
                        </li>
                    </ul>
                    <!-- 根据tab切换来判断查看更多的href,title的值 star -->
                    <a href="http://user.ymcc.com/user/collect/goods.html" target="_self" title="查看全部收藏的商品"
                       class="more">查看更多</a>
                    <!-- 根据tab切换来判断查看更多的href,title的值 end -->
                    <div class="tab-container">
                        <div id="tab1" class="model tab-con collect-goods" style="display: block;">
                            <div class="model-con">
                                <!--   -->
                                <ul>

                                    <li class="myCourseLi" v-for="course in courseList">
                                        <a :href="'http://course.ymcc.com:6002/detail.html?courseId='+course.id"
                                           :title="course.name" target="_blank" class="img">
                                            <img :src="course.pic" alt="course.name"
                                                 style="border :1px solid #eeeeee;padding: 1px">
                                        </a>
                                        <div class="goods-info">
                                            <a :href="'http://course.ymcc.com:6002/detail.html?courseId='+course.id"
                                               :title="course.name" target="_blank" class="name">{{course.name}}</a>
                                        </div>
                                    </li>
                                </ul>


                            </div>
                        </div>
                        <div id="tab2" class="model tab-con collect-shop" style="display: none;">
                            <div class="model-con">
                                <!--   -->
                                <ul>

                                    <li class="first">
                                        <a href="http://user.ymcc.com/shop/6.html" title="源码云课堂源码云课堂"
                                           target="_blank" class="img">
                                            <div class="mask"></div>

                                            <img src="img/default_shop_image_0.gif" alt="源码云课堂源码云课堂">
                                        </a>
                                        <a href="http://user.ymcc.com/shop/6.html" title="" target="_blank"
                                           class="name">源码云课堂源码云课堂</a>
                                    </li>


                                </ul>

                            </div>
                        </div>
                    </div>
                </div>
                <!-- 根据浏览，猜您喜欢 star -->
                <div id="user_like" class="model history-like"><h3>
                    <i></i>
                    <span>根据浏览，猜您喜欢</span>
                    <a href="javascript:change_like(1)" target="_self" title="换一批">
                        换一批
                        <i></i>
                    </a>
                </h3>
                    <div class="model-con">
                        <ul>
                            <li>
                                <a href="http://user.ymcc.com/goods/4" title="设计总监在线教学" target="_blank"
                                   class="img">
                                    <img src="img/14788784646707.jpg" alt="设计总监在线教学">
                                </a>
                                <div class="goods-info">

                                    <a href="http://user.ymcc.com/goods/4" title="设计总监在线教学" target="_blank"
                                       class="name">设计总监在线教学</a>
                                    <p class="second-color">￥29.50</p>
                                </div>
                            </li>
                            <li>
                                <a href="http://user.ymcc.com/goods/7" title="java架构师体验课" target="_blank"
                                   class="img">
                                    <img src="img/14789657995869.png" alt="java架构师体验课">
                                </a>
                                <div class="goods-info">

                                    <a href="http://user.ymcc.com/goods/7" title="java架构师体验课" target="_blank"
                                       class="name">java架构师体验课</a>
                                    <p class="second-color">￥29.90</p>
                                </div>
                            </li>
                            <li>
                                <a href="http://user.ymcc.com/goods/22" title="设计总监在线教学" target="_blank"
                                   class="img">
                                    <img src="img/test3.jpg" alt="设计总监在线教学">
                                </a>
                                <div class="goods-info">

                                    <a href="http://user.ymcc.com/goods/22" title="设计总监在线教学" target="_blank"
                                       class="name">设计总监在线教学</a>
                                    <p class="second-color">￥25.00</p>
                                </div>
                            </li>
                            <li>
                                <a href="http://user.ymcc.com/goods/30" title="java架构师体验课" target="_blank"
                                   class="img">
                                    <img src="img/TB1ddH2LFXXXXaBXXXXXXXXXXXX_!!0-item_pic.jpg" alt="java架构师体验课">
                                </a>
                                <div class="goods-info">

                                    <a href="http://user.ymcc.com/goods/30" title="java架构师体验课" target="_blank"
                                       class="name">java架构师体验课</a>
                                    <p class="second-color">￥39.00</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="con-right-right fr">
                <!-- 课程公告 star -->
                <div class="model shop-notice" style="display: none">
                    <h3>
                        <i class="bg-color"></i>
                        <span>课程公告</span>
                    </h3>
                    <div class="notice-con">
                        用户中心公告！双十一大促销！因可能存在系统缓存、页面更新导致价格变动异常等不确定性情况出现，如您发现活动商品标价或促销信息有异常，请您立即联系我们，以便我们及时补正！
                    </div>
                </div>
                <!-- 课程公告 end -->
                <!-- 我的购物车 star -->
                <div class="model model-spe cart">
                    <h3>
                        <i class="bg-color"></i>
                        <span>我的购物车</span>
                    </h3>
                    <div class="model-con">
                        <!-- *购物城中商品数量为0时 start-->
                        <!-- *购物城中商品数量为0时 end-->
                        <div>
                            <ul>

                                <!-- -->
                                <li>

                                    <a href="http://user.ymcc.com/goods/3039.html"
                                       title="自粘墙纸贴画创意电视背景墙砖纹壁纸3d立体墙贴客厅卧室装饰贴纸"
                                       target="_blank" class="img">
                                        <img src="img/TB2d7ygdlyN.eBjSZFkXXb8YFXa_!!1732113555.jpg"
                                             alt="自粘墙纸贴画创意电视背景墙砖纹壁纸3d立体墙贴客厅卧室装饰贴纸">
                                    </a>
                                    <p class="price">￥11.80</p>
                                </li>

                                <!-- -->
                                <li>

                                    <a href="http://user.ymcc.com/goods/1933.html"
                                       title="天天特价包包2016新款秋冬斜挎包韩版手提包流苏贝壳包女包单肩包"
                                       target="_blank" class="img">
                                        <img src="img/test4.jpg"
                                             alt="天天特价包包2016新款秋冬斜挎包韩版手提包流苏贝壳包女包单肩包">
                                    </a>
                                    <p class="price">￥29.99</p>
                                </li>

                                <!-- -->
                                <li>

                                    <a href="http://user.ymcc.com/goods/80.html"
                                       title="【周黑鸭旗舰店_锁鲜】气调盒装卤鸭脖320g 武汉特产食品零食小吃"
                                       target="_blank" class="img">
                                        <img src="img/TB1lewkJpXXXXbwXFXXXXXXXXXX_!!0-item_pic.jpg"
                                             alt="【周黑鸭旗舰店_锁鲜】气调盒装卤鸭脖320g 武汉特产食品零食小吃">
                                    </a>
                                    <p class="price">￥36.80</p>
                                </li>

                                <!-- -->
                                <li>

                                    <a href="http://user.ymcc.com/goods/69.html"
                                       title="良品铺子甘栗仁小栗子仁板栗仁零食坚果干果炒货休闲食品糖炒板栗原味80g*3袋"
                                       target="_blank" class="img">
                                        <img src="img/TB1WC_WMVXXXXaLaXXXXXXXXXXX_!!0-item_pic.jpg"
                                             alt="良品铺子甘栗仁小栗子仁板栗仁零食坚果干果炒货休闲食品糖炒板栗原味80g*3袋">
                                    </a>
                                    <p class="price">￥19.90</p>
                                </li>


                            </ul>
                            <div class="see-all">
                                <a href="http://user.ymcc.com/cart.html" target="_blank">
                                    查看购物车(
                                    <em class="second-color">5</em>
                                    )
                                </a>
                            </div>
                        </div>

                    </div>
                </div>
                <!-- 我的购物车 end -->
                <!-- 我的足迹 star -->
                <div class="model model-spe history">
                    <h3>
                        <i class="bg-color"></i>
                        <span>我的足迹</span>
                    </h3>
                    <div class="model-con">

                        <!-- *积分兑换的商品数量为0时 end-->
                        <div>
                            <ul>


                                <li>
                                    <a href="http://user.ymcc.com/goods/10.html"
                                       title="jemeter压力测试RabbitMQ实战 黑色 均码" target="_blank" class="img">
                                        <img src="img/14789706798322.png" alt="jemeter压力测试RabbitMQ实战 黑色 均码">
                                    </a>
                                    <p class="price">￥28.80</p>
                                </li>


                                <li>
                                    <a href="http://user.ymcc.com/goods/9.html"
                                       title="Java gradle 入门到精通 经典版黑色 均码" target="_blank" class="img">
                                        <img src="img/14789700377694.png" alt="Java gradle 入门到精通 经典版黑色 均码">
                                    </a>
                                    <p class="price">￥15.90</p>
                                </li>


                                <li>
                                    <a href="http://user.ymcc.com/goods/3078.html"
                                       title="2020淘宝病毒式裂变玩法米色[时尚版] 36" target="_blank" class="img">
                                        <img src="img/TB2lg1Fcp5N.eBjSZFvXXbvMFXa_!!1737892074.jpg"
                                             alt="2020淘宝病毒式裂变玩法米色[时尚版] 36">
                                    </a>
                                    <p class="price">￥39.90</p>
                                </li>


                                <li>
                                    <a href="http://user.ymcc.com/goods/876.html"
                                       title="IOS高级开发训练营黑色 36 标准鞋码" target="_blank" class="img">
                                        <img src="img/TB2nG9HXByN.eBjSZFgXXXmGXXa_!!678391467.jpg"
                                             alt="IOS高级开发训练营黑色 36 标准鞋码">
                                    </a>
                                    <p class="price">￥59.00</p>
                                </li>


                            </ul>
                            <div class="see-all">
                                <a href="http://user.ymcc.com/user/history.html" target="_blank">
                                    查看全部(
                                    <em class="second-color">5</em>
                                    )
                                </a>
                            </div>
                        </div>

                    </div>
                </div>
                <!-- 我的足迹 end-->
            </div>
        </div>


    </div>
</div>

<!-- 引入底部文件 -->
<!-- 底部 _start-->
<div class="site-footer">
    <div class="footer-related">
        <div class="footer-info">
            <div class="info-text">
                <!-- 底部导航 -->
                <p class="nav-bottom">
                </p>
                <p>
                    Copyright 源代码教育咨询有限公司(www.ymcc.com) 版权所有
                    <a href="http://www.miibeian.gov.cn/" target="_blank">蜀ICP备88888888号</a>
                </p>
                <p class="company-info" style="display: none;">四川省成都市高新区天府新谷</p>
                <p class="qualified">
                </p>
            </div>

        </div>

    </div>
</div>
<script type="text/javascript" src="js/jquery.fly.min.js"></script>
</body>
<script type="text/javascript">
    $().ready(function () {
        new Vue({
            el: "#content",
            data() {
                return {
                    //数据统计
                    orderNumber: 10,
                    courseNumber: 10,
                    collectNumber: 10,
                    commentNumber: 10,
                    courseList: []
                }
            },
            methods: {
                loadCourseList() {
                    this.$http.get("/course/course/listForUser").then(res => {
                        let {success, messaage, data} = res.data;
                        console.log(res.data);
                        if (success) {
                            this.courseList = data;
                        } else {
                            $.alert("课程加载失败[" + messaage + "]");
                        }
                    }).catch(error => {
                        $.alert("课程加载失败[" + error.message + "]");
                    });
                }
            },
            mounted() {
                this.loadCourseList();
            }
        });
    });
</script>
<style>
    .myCourseLi:hover {
        background-color: #eeeeee;
    }
</style>
</html>